@import 'table.scss';

.page-paifang{
	.cha{
		width: 9px;
		height: 9px;
		cursor: pointer;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.main-section{
		width:100%;
		height: 97%;
		background: url(../img/paifang.png) center no-repeat;
		background-size: 100% 100%;
		.card{
			display: flex;
		    height: 36px;
		    align-items: center;
		    justify-content: space-between;
		    padding-left: 10px;
		    font-weight: 300;
			.card-span{
				font-size: 14px;
				color: #FFFFFF;
				font-weight: 500px;
				margin-left: 20px;
				margin-top: 10px;
			}
			.navigation-1{
			width: 104px;
			height: 34px;
			border-radius: 4px;
			border: 1px solid #28B4FF;
			font-size: 14px;
			font-weight: 400;
			color: #28B4FF;
			text-align: center;
			line-height: 34px;
			margin-top: -42px;
			margin-right: 20px;
			cursor: pointer;
			}
			.navigation-2{
				width: 124px;
				height: 34px;
				background: #28B4FF;
				border-radius: 4px;
				font-size: 14px;
				font-weight: 400;
				color: #001159;
				text-align: center;
				line-height: 34px;
				margin-top: -42px;
				margin-right: 20px;
				cursor: pointer;
			}

			.navigation-3{
				width: 104px;
				height: 34px;
				border-radius: 4px;
				border: 1px solid #28B4FF;
				font-size: 14px;
				font-weight: 400;
				color: #28B4FF;
				text-align: center;
				line-height: 34px;
				margin-top: -42px;
				margin-right: 30px;
				cursor: pointer;
			}
		}
		.charts-box{
			height: calc(100% - 40px);
			width: 100%;
			overflow: hidden;
			.drop{
			justify-content: flex-end;
			 right: 130px;
			 margin-top: 20px;
			}
			.dayup{
				width: 260px;
				height: 34px;
				font-size: 14px;
				font-weight: 400;
				color: #FFFFFF;
				margin-right: 20px;
			}
			.day input{
				    width: 260px;
				    height: 34px;
				    font-size: 14px;
				    font-weight: 400;
				    border: none;
				    padding-left: 10px;
				    cursor: pointer;
				    color: #fff;
				    background: url(../img/serch.png) rgb(66,86,110) right center no-repeat;
				    background-size: 46px 34px;
					cursor: pointer;
			}
			.day{
				margin-right: 20px;
			}
		}
		.meter{
			width: 65px;
			height: 17px;
			font-size: 12px;
			font-weight: 400;
			color: #7DA6EF;
			line-height: 17px;
			margin-left: 20px;
		}
		.tools{
			margin-top: -10px;
			margin-right: 20px;
		  .navigation-4{
			  width: 80px;
			  height: 34px;
			  border-radius: 3px;
			  border: 1px solid #28B4FF;
			  // color: #28B4FF;
			  text-align: center;
			  line-height: 34px;
			  cursor: pointer;
			  font-size: 12px;
			  font-weight: 200;
			  color: #28B4FF;
		  }
		  
		  .navigation-5{
		  			  width: 80px;
		  			  height: 34px;
		  			  border-radius: 3px;
		  			  border: 1px solid #28B4FF;
		  			  // color: #28B4FF;
		  			  text-align: center;
		  			  line-height: 34px;
		  			  cursor: pointer;
		  			  font-size: 12px;
		  			  font-weight: 200;
		  			  color: #28B4FF;
					  margin-left: 8px;
		  }
		}
		.card-content{
			padding: 0 7px;
			width: 100%;
			height: calc(100% - 133px);
			overflow: hidden;
			margin-top: 13px;
		}
		.pagination-section {
			height: 65px;
		}
		
	}
}
